@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,img{margin:0; padding:0;}
body{font-size:12px; color:#000; font-family:"微软雅黑",'宋体';}
a{color:#5a5a5a; text-decoration:none;}
a:hover{color:#60c5f1;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;} 
.clear{clear:both; height:0;}

.top{width:100%; height:35px; line-height:35px; color:#fff; background:url(../images/bg3.jpg) repeat; font-size:13px;}
.top a{color:#fff;}
.top a:hover{color:#60c5f1;}
.top p{float:right; height:35px;}

.head{width:100%; background:url(../images/bg1.jpg) repeat;}
.main{width:1100px; margin:0 auto;}
.logo{width:50%; height:90px; padding:25px 0;}
.logo img{height:90px;}

.tel{display:inline-block; height:50px; line-height:18px; padding-left:56px; background:url(../images/tel.png) no-repeat left center; color:#7f7f7f; font-size:14px; margin-top:45px;}
.tel b{display:block; height:32px; line-height:32px; color:#404040; font-size:26px; font-weight:normal;}

.menu{width:100%; height:50px; background:#0768B3;}
.menu ul{width:1100px; margin:0 auto;}
.menu ul li{width:183px; height:50px; text-align:center; float:left; font-family:微软雅黑; font-size:15px;}
.menu li a{display:block; width:100%; height:50px; line-height:50px; color:#fff;}
.menu li a:hover,.menu li a.on{color:#0768B3; background:#cde1f0;}

.banner{width:100%; overflow:hidden; position:relative;}
.banner .bd{position:relative; height:100%; z-index:0; overflow:hidden;}
.banner .bd li{zoom:1; vertical-align:middle; width:100%;}
.banner .bd li img{display:block; width:100%;}
.banner .hd{width:100%; height:16px; overflow:hidden; position:absolute; left:0; bottom:30px; z-index:1; text-align:center;}
.banner .hd ul{overflow:hidden; zoom:1; clear:both;}
.banner .hd ul li{display:inline-block; margin:0 10px; width:12px; height:12px; border:rgba(255,255,255,0.7) 2px solid; cursor:pointer; border-radius:50%; text-indent:-999px; font-size:0;}
.banner .hd ul li.on{background:#fff; border:#fff 2px solid;}
.banner .prev, .banner .next{position:absolute; left:30px; top:50%; margin-top:-35px; display:block; width:70px; height:70px; background:rgba(0,0,0,0.1) url(../images/left.png) no-repeat center center; filter:alpha(opacity=50);opacity:0.5; cursor:pointer; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.banner .next{left:auto; right:30px; background:rgba(0,0,0,0.1) url(../images/right.png) no-repeat center center;}
.banner .prev:hover, .banner .next:hover{background-color:rgba(0,0,0,0.5); filter:alpha(opacity=100);opacity:1;}

.wapBanner{width:100%; overflow:hidden; position:relative; display:none;}
.wapBanner .bd{position:relative; height:100%; z-index:0; overflow:hidden;}
.wapBanner .bd li{zoom:1; vertical-align:middle; width:100%;}
.wapBanner .bd li img{display:block; width:100%;}
.wapBanner .hd{width:100%; height:16px; overflow:hidden; position:absolute; left:0; bottom:30px; z-index:1; text-align:center;}
.wapBanner .hd ul{overflow:hidden; zoom:1; clear:both;}
.wapBanner .hd ul li{display:inline-block; margin:0 10px; width:12px; height:12px; border:rgba(255,255,255,0.7) 2px solid; cursor:pointer; border-radius:50%; text-indent:-999px; font-size:0;}
.wapBanner .hd ul li.on{background:#fff; border:#fff 2px solid;}
.wapBanner .prev, .wapBanner .next{position:absolute; left:30px; top:50%; margin-top:-35px; display:block; width:70px; height:70px; background:rgba(0,0,0,0.1) url(../images/left.png) no-repeat center center; filter:alpha(opacity=50);opacity:0.5; cursor:pointer; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.wapBanner .next{left:auto; right:30px; background:rgba(0,0,0,0.1) url(../images/right.png) no-repeat center center;}
.wapBanner .prev:hover, .wapBanner .next:hover{background-color:rgba(0,0,0,0.5); filter:alpha(opacity=100);opacity:1;}

.wapMenu{width:97%; padding:1.5%; display:none;}
.wapMenu li{width:30.3333%; padding:1.5%; float:left;}
.wapMenu li a{display:block; width:100%; height:34px; line-height:34px; text-align:center; font-size:15px; background:#0768B3; color:#fff; border-radius:3px;}
.wapMenu li a:hover{color:#fff; background:#60c5f1;}


	/* 产品css
	.www360buy{ width:890px; border-top:2px solid #0768B3;   }
	.www360buy .hd{ overflow:hidden; background:url(images/bg.png) 0 -32px #efefef; border-left:1px solid #ddd;  }
	.www360buy .hd li{ position:relative; margin-left:-1px;  height:37px; line-height:37px; text-align:center; width:177px; float:left; border:1px solid #ddd; 
	                   border-top:0;font:normal 14px/37px "Microsoft YaHei"; _font-weight:bold; cursor:default; }
	.www360buy .hd li.on{ width:176px; background:#fff; border-bottom:1px solid #fff; color:#0768B3;  }
	.www360buy .bd{ height:230px; border:1px solid #ddd; border-top:0;  }
	.www360buy .lh{ overflow:hidden;  }
	.www360buy .lh li{ width:156px; padding:0 10px; float:left;    }
	.www360buy .lh li .p-img{ width:130px; height:132px; padding:30px 13px 0 13px; margin:0 auto; text-align:center;   }
	.www360buy .lh li .p-name{ height:36px; line-height:18px;  word-break:break-all; word-wrap: break-word; overflow:hidden;   }
	.www360buy .lh li .p-price{ color:#999;  }
	.www360buy .lh li .p-price strong{ color:#0768B3; font-size:14px; font-family: verdana; }
	.p-img img{max-width:130px;max-height:130px;}


	 产品css */
	 
.sq{width:17%;height: 45px;background:#0768B3;transform: skew(-40deg);text-align: center;line-height: 45px;float:left;margin-left:3%;margin-bottom:4%;}
.sq li{font-size:16px;color:#fff;transform: skew(40deg);}
.lh{width:100%;}
.prolist{width:219px;height:219px;padding:0 28px;float:left;}
.p-img img{max-width:220px;max-height:220px;}
.p-name{line-height:50px;height:40px; font-size:15px;text-align:center;}


.pro{width:100%; padding:30px 0 50px; background:url(../images/bg1.jpg) repeat;}
.pro .title{display:none;}
.pro .title span{background:url(../images/bg1.jpg) repeat;}
.proMenu{width:210px; background:#fff;}
.proMenu h1{width:180px; height:54px; padding:10px 0 10px 30px; line-height:36px; color:#fff; font-size:26px; background:#0768B3; font-weight:normal;}
.proMenu h1 span{display:block; height:18px; line-height:16px; color:#eee; font-size:12px; text-transform: uppercase;}
.proMenu ul{width:170px; height:432px; margin:10px 20px; float:left;}
.proMenu li{width:100%; height:43px; font-size:15px; float:left;}
.proMenu li a{display:block; width:175px; height:43px; line-height:43px; color:#333; background:url(../images/a01.png) no-repeat left center; padding-left:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.proMenu li a:hover,.proMenu li a.on{color:#60c5f1; background-image:url(../images/a03.png);}
.proMenu p{width:100%; height:58px; line-height:25px; background:#666; color:#fff; text-align:center; font-size:18px; padding:19px 0; float:left;}
.proMenu p b{display:block; height:33px; line-height:33px; font-size:24px;}

.proList{width:885px; padding-left:5px;}
.proList ul li{width:275px; padding-left:20px; float:left;}
.proList ul li a{display:block; width:100%; height:100%; font-size:16px; text-align:center; color:#5a5a5a;}
.proList ul li a span{display:table-cell; width:273px; height:273px; border:#dbdbdb 1px solid; vertical-align:middle; background:#fff; overflow:hidden;}
.proList ul li a span img{max-width:273px; max-height:273px;}
.proList ul li a p{width:100%; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proList ul li a:hover span{border-color:#60c5f1;}


.youshi{width:100%; padding:30px 0 50px;}
.title{width:100%; text-align:center; position:relative;}
.title span{display:inline-block; color:#0768B3; font-size:26px; height:35px; line-height:35px; padding:0 36px; background:#fff; position:relative; z-index:10;}
.title b{display:block; width:52%; height:1px; background:#d9d9d9; position:absolute; top:17px; left:50%; margin-left:-26%; z-index:0;}
.title p{line-height:16px; text-align:center; color:#666;}
.title p i{display:block; font-style:normal;}
.title p em{font-style:normal; color:#666;}

.ysList{width:100%; padding-top:30px;}
.ysList ul{width:280px; margin-top:-66px; float:left;}
.ysList li{width:280px; height:64px; background:#0768B3; color:#fff; margin-top:96px; float:left;}
.ysList li span{display:block; width:64px; height:64px; line-height:64px; font-size:25px; text-align:center; float:left; background:#cde1f0;}
.ysList li p{width:100%; height:64px; padding:12px 0 12px 85px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:24px; font-size:18px;}
.ysList li p i{display:block; height:16px; line-height:16px; font-size:12px; font-style:normal;}
.ysList .ysPic{width:540px; text-align:center;}

.fl{float:left;}
.main{width:1200px; margin:0 auto;}
.ys .title span{background:url(../images/bg2.jpg) repeat;}
.ys{width:100%; padding:40px 0 50px; background:url(../images/bg2.jpg) repeat;}
.ys h1{width:100%; height:66px; line-height:36px; font-size:28px; text-align:center; color:#0768B3;}
.ys h1 p{height:30px; line-height:30px; font-size:20px; font-weight:normal; text-transform:uppercase; font-family:Helvetica, sans-serif;}
.ysShow{width:100%; margin-top:30px;}
.ys ul{display:none;}

.lc{width:100%; padding:40px 0 50px;}
.lc h1{height:56px; line-height:36px; text-align:center; font-weight:normal; font-size:24px; background:url(../images/lcg.png) no-repeat center 15.5px;}
.lc h1 span{color:#0089e1;}
.lc h1 p{height:20px; line-height:20px; font-size:12px; text-transform:uppercase; color:#999;}
.lct{width:100%; margin-top:20px;}



.about{width:100%; padding:30px 0 80px; background:url(../images/bg2.jpg) repeat;}
.about .title span{background:url(../images/bg2.jpg) repeat;}
.abWarp{width:100%; margin-top:30px;}
.abL{width:448px; height:260px;}
.abL img{width:448px; height:260px;}
.abR{width:592px; height:220px; padding:20px; background:#0768B3; color:#fff; margin-left:20px;}
.abR div.abText{width:592px; height:150px; line-height:25px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.abR div.abText img{display:none;}
.abR div.abMore{width:100%; height:46px; padding-top:24px;}
div.abMore2{display:none;}
.abR div.abMore a{display:block; width:130px; height:46px; line-height:46px; float:left; background:#60c5f1; color:#fff; font-size:14px; font-weight:bold; text-align:center;}
.abR div.abMore a.a1{background:#d9d9d9; color:#666; margin-left:20px;}
.abR div.abMore a:hover{background:#0768b3; color:#fff;}
.abR div.abMore a.a1:hover{background:#ccc; color:#666;}


.case{width:100%; padding:30px 0 20px;}
.case .main{overflow:hidden;}
.caseList{width:1128px; margin-top:30px;}
.picList li{width:400px;margin:30px 15px;}
picList .pic{min-height:320px;max-width:400px;}
.picList .title{width:400px;height:40px;text-align:center;margin-top:20px;}
.picList img{min-height:320px;max-width:400px;}


/*.case{width:100%; padding:30px 0 50px;}
.case .main{overflow:hidden;}
.caseList{width:1128px; margin-top:30px;}
.caseList dl{width:254px; padding-right:28px; float:left;}
.caseList dl dd{width:100%; float:left;}
.caseList dl dd a{width:100%; height:120px; text-align:center; display:table-cell; vertical-align:middle;}
.caseList dl dd img{max-width:100%; max-height:120px;}
.caseList dl dt{width:100%; line-height:24px; padding-top:6px; float:left;}
.caseList dl dt a{display:block; height:24px; line-height:24px; text-align:center; font-weight:bold; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.caseList dl dt p{width:100%; height:60px; line-height:20px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#979797;}
*/
.news{width:100%; padding:30px 0 50px; background:url(../images/bg1.jpg) repeat;}
.news .title span{background:url(../images/bg1.jpg) repeat;}
.newsWarp{width:100%; margin-top:30px;}
.newsL{width:510px; height:420px; background:#fff; padding:15px;}
.newsL h1{width:100%; height:31px; line-height:31px; border-bottom:#d9d9d9 1px solid; font-weight:normal; font-size:15px; color:#5a5a5a;}
.newsL h1 span{font-size:12px; color:#ccc;}
.newsL h1 a{display:block; width:31px; height:31px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.newsL h1 a:hover{background-image:url(../images/moreH.png);}
.newsL dl{width:100%; padding:18px 0; border-bottom:#eee 1px solid; float:left;}
.newsL dl dt{width:100%; height:24px; line-height:24px; font-size:18px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsL dl dt a{color:#048bcd;}
.newsL dl dt a:hover{color:#60c5f1;}
.newsL dl dd{width:100%; float:left; color:#ccc; line-height:22px; font-size:14px;}
.newsL dl dd p{color:#979797; max-height:66px; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.newsL ul{width:100%; padding-top:17px; float:left;}
.newsL ul li{width:100%; height:28px; line-height:28px; float:left; color:#979797; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsL ul li span{padding:0 10px; color:#ddd; font-size:12px;}

.newsR{width:540px; padding-left:20px;}
.newsR dl{width:510px; background:#fff; padding:15px;}
.newsR dl.nRt{height:150px;}
.newsR dl.nRb{height:220px; margin-top:20px;}
.newsR dl dd{width:100%; height:31px; line-height:31px; border-bottom:#d9d9d9 1px solid; font-size:15px; color:#5a5a5a; float:left;}
.newsR dl dd span{font-size:12px; color:#ccc;}
.newsR dl dd a{display:block; width:31px; height:31px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.newsR dl dd a:hover{background-image:url(../images/moreH.png);}
.newsR dl.nRt dt{width:100%; height:38px; padding:10px 0; border-bottom:#eee 1px dotted; float:left;} 
.newsR dl.nRt dt p{width:100%; height:19px; line-height:19px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#979797;}
.newsR dl.nRt dt p a{font-size:14px; font-weight:bold;}
.newsR dl.nRb dd{margin-bottom:8px;}
.newsR dl.nRb dt{width:100%; height:35px; line-height:35px; border-bottom:#eee 1px dotted; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:10px; background:url(../images/a02.png) no-repeat left center;}
.newsR dl.nRb dt span{float:right; color:#ccc;}
.newsR dl.nRb dt a{font-size:14px;}

.contact{width:100%; padding:50px 0;}
.conL{width:480px;}
.conL dl{width:100%; float:left;}
.conL dl dd{width:100%; float:left;}
.conL dl dt{width:100%; height:60px; line-height:60px; text-align:center; background:#0768B3; float:left; color:#fff; font-size:16px;}

.conR{width:574px; padding-left:46px;}
.conR .title b{width:100%;}
.conR ul{width:94%; padding:30px 3% 0; float:left;}
.conR ul li{width:100%; height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:74px; margin:10px 0; float:left; position:relative;}
.conR ul li:last-child{height:72px;}
.conR ul li p{width:74px; height:40px; line-height:40px; font-size:14px; color:#5a5a5a; position:absolute; left:0; top:0;}
.conR ul li input,.conR ul li textarea{width:100%; height:40px; line-height:40px; padding:0 5px; border:#dedede 1px solid; border-radius:2px; font-size:14px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.conR ul li textarea{height:72px; line-height:24px;}
.conR div.btn{width:94%; padding:30px 0 0 74px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 3%;}
.conR div.btn p{width:100%; height:18px; line-height:18px; margin-top:-36px; color:#f00;}
.conR div.btn input{width:50%; height:45px; line-height:45px; text-align:center; color:#fff; border:0; background:#0768b3; border-radius:2px; margin-top:24px; font-size:16px; cursor:pointer;}
.conR div.btn input:hover{background:#60c5f1; color:#fff;}

.links{width:100%; line-height:30px; background:#666; padding:15px 0; color:#fff; font-weight:bold;}
.links a{color:#fff; font-weight:normal; margin-right:20px;}

.foot{width:100%; background:url(../images/bg3.jpg) repeat;}
.foot .ewm{width:140px; padding:20px; background:#0768B3; color:#fff;}
.foot .ewm img{width:140px; height:140px;}
.foot .ewm p{width:100%; height:44px; line-height:22px; padding-top:10px; text-align:center;} 
.foot dl{width:880px; padding:55px 0 0 40px; float:left;}
.foot dl dd{width:100%; height:30px; line-height:30px; color:#fff; font-size:15px; padding-bottom:10px; border-bottom:#666 1px solid; float:left;}
.foot dl dd a{color:#fff; padding:0 20px;}
.foot dl dd a:hover{color:#fff;}
.foot dl dt{width:100%; line-height:24px; padding-top:10px; color:#ccc; float:left;}
.foot dl dt span{font-family:Arial, Helvetica, sans-serif;}
.foot dl dt a{color:#ccc;}
.foot dl dt a:hover{color:#60c5f1; text-decoration:underline;}
.foot dl dt i{font-style:normal;}
.foot dl dt a.pp{margin-right:20px;}

/* 悬浮QQ */
.float-contact-mini{right:1px; top:175px; display:none; position:fixed;}
.float-contact-mini a{background:url(../images/sprites.png) no-repeat scroll 0 0 transparent; color:#fff !important; display:block; height:65px; line-height:110%; padding:46px 5px 0; text-align:center; text-decoration:none !important; width:18px; z-index:100;}
.float-contact{top:175px; width:152px; position:fixed; z-index:1000; right:1px; display:block;}
.float-contact .close{background:url(../images/sprites.png) no-repeat scroll -29px 0 transparent; color:#fff !important; display:block; height:31px; line-height:31px; text-align:center; text-decoration:none !important;}
.float-contact .container{background:#fff; border-color:#E3E3E3; border-style:solid; border-width:0 1px; padding:1px 0; text-align:center;}
.float-contact .container{border-style:solid; text-align:center;}
.float-contact .qq{padding:7px 0 6px;}
.float-contact .qqtitle{line-height:200%;}
.float-contact .qq .btn{padding-top:4px;}
.float-contact .qq .btn li{padding-bottom:5px;}
.float-contact .qq .btn a{background:url(../images/sprites.png) no-repeat scroll -43px -80px transparent; color:#1A649D; display:block; height:23px; line-height:23px; margin:0 auto; padding-left:23px; width:53px;}
.float-contact .qqtel{background:url(../images/shadow-2.png) repeat-x scroll 0 100% transparent; padding-bottom:14px;}
.float-contact .qqtel .qqcontent{color:#FF6600; font-size:117%; font-weight:bold; line-height:130%; letter-spacing:0;}
.float-contact .myqqlink{background:url(../images/bg-x.png) repeat-x scroll 0 -320px #FA8400; border-bottom:1px solid #E3E3E3; color:#FFFFFF !important; display:block; height:40px; line-height:40px; text-align:center; text-decoration:none !important;}
h3.qqtitle{margin:0; padding:0;}

.ny{width:100%; padding:30px 0 50px;}
.ny_left{width:210px; background:url(../images/bg2.jpg) repeat;}
.ny_left .proMenu{background:none;}
.ny_left .proMenu ul{height:auto;}
.ny_left .proMenu h2{display:none;}

.ny_right{width:860px; padding-left:30px; overflow:hidden;}
.post{width:100%; height:40px; line-height:40px; border-bottom:#ccc 1px solid; background:url(../images/home.png) no-repeat left center; text-indent:25px; font-size:14px; color:#5a5a5a;}
.post a{color:#5a5a5a;}
.post a:hover{color:#60c5f1;}
.ny_about{width:100%; line-height:25px; font-size:14px;}

.ny_pro{width:860px; overflow:hidden; padding-top:20px;}
.ny_pro ul{width:880px; float:left;}
.ny_pro ul li{width:200px; padding-right:20px; float:left;}
.ny_pro ul li a{display:block; width:100%; height:100%; font-size:16px; text-align:center; color:#5a5a5a;}
.ny_pro ul li a span{display:table-cell; width:198px; height:198px; border:#dbdbdb 1px solid; vertical-align:middle; background:#fff; overflow:hidden;}
.ny_pro ul li a span img{max-width:198px; max-height:198px;}
.ny_pro ul li a p{width:100%; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_pro ul li a:hover span{border-color:#60c5f1;}

.page{width:100%; text-align:center; margin-top:30px;}
.page a,.page span{display:inline-block; padding:0 12px; height:30px; line-height:30px; border:#d5d5d5 1px solid; margin:0 3px; font-size:14px;}
.page a.pn{font-size:12px;}
.page a:hover{border-color:#60c5f1;}
.page span{background:#60c5f1; color:#fff; border-color:#60c5f1;}

.ny_menu{width:100%; padding-top:24px; height:50px; border-bottom:#e9e9e9 1px solid; text-align:center;}
.ny_menu h2{font-size:16px; text-align:center; font-weight:normal; line-height:36px; display:none;}
.ny_menu a{display:inline-block; padding:0 28px; height:47px; line-height:47px; border-bottom:#fff 3px solid; font-size:18px;}
.ny_menu a.on,.ny_menu a:hover{border-bottom-color:#60c5f1;}


.ny_news{width:100%;}
.ny_news li{width:100%; padding:15px 0; border-bottom:#dbd4cd 1px dotted; float:left;}
.ny_news li span{display:block; width:100%; height:32px; line-height:32px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_news li i{width:100%; height:24px; line-height:24px; text-indent:20px; background:url(../images/time.png) no-repeat left center; background-size:14px 14px; color:#999; font-size:13px; display:block; font-style:normal;}
.ny_news li p{width:100%; line-height:20px; color:#666;}

.ny_title{width:100%; line-height:30px; font-size:16px; font-weight:bold; text-align:center; margin:10px 0;}
.ny_info{width:100%; height:30px; line-height:30px; background:#f1f1f1; color:#333; text-align:center; font-size:12px;}
.ny_info span{padding-left:30px;}
.ny_img{width:100%; margin-top:15px; text-align:center;}
.ny_img img{max-width:75%;}
.ny_text{width:100%; margin-top:10px;}
.ny_pn{width:100%; margin-top:20px;}
.ny_pn p{width:100%; height:30px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny_pn p b{color:#000;}

@media only screen and (min-width : 320px) and (max-width : 960px){
	.main{width:100%;}
	
	.case{width:100%; padding:30px 0 0px;}
	.case .main{overflow:hidden;}
	.caseList{width:98%; margin-top:30px;}
	.picList li{width:200px;margin:30px 15px;}
	.picList .pic{min-height:180px;max-width:180px;}
	.picList .title{width:200px;height:40px;text-align:center;margin-top:20px;}
	.picList img{min-height:200px;max-width:200px;}

	
	.top{width:94%; height:30px; line-height:30px; padding:0 3%; font-size:12px;}
	.top p{display:none;}
	
	.logo{width:94%; padding:20px 3%; height:auto; text-align:center;}
	.logo img{max-width:90%; height:auto;}
	
	.tel{display:none;}
	
	.menu{display:none;}
	.wapMenu{display:block;}
	
	.banner{display:none;}
	.wapBanner{display:block;}
	
	.title span{font-size:16px; padding:0 5%; height:25px; line-height:25px;}
	.title b{width:94%; top:12px; left:3%; margin-left:0;}

	.sq{width:17%;height: 30px;background:#0768B3;transform: skew(-30deg);text-align: center;line-height: 30px;float:left;margin-left:3%;margin-bottom:4%;}
	.sq li{font-size:10px;color:#fff;transform: skew(30deg);}
	.lh{width:100%;}
	.prolist{width:40%;height:40%;;padding:0 5%;float:left;}
	.p-img img{max-width:100%;max-height:100%;}
	.p-name{line-height:50px;height:40px; font-size:15px;text-align:center;}



	.pro{padding:15px 0 20px;}
	.pro .title{display:block;}
	.proMenu{display:none;}
	.proList{width:97%; padding:1.5%; margin-top:10px;}
	.proList ul li{width:47%; padding:1.5%;}
	.proList ul li a{font-size:14px;}
	.proList ul li a span{width:100%; height:0; padding-top:100%; position:relative; border:0; display:block;}
	.proList ul li a span img{position:absolute; top:0; left:0; width:100%; height:100%;}
	.proList ul li a p{width:100%; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.proList ul li a:hover span{border-color:#60c5f1;}
	
	.ysList{padding-top:10px;}
	.ysList ul{width:94%; margin-top:0; padding:0 3%;}
	.ysList li{width:100%; height:45px; margin-top:3%;}
	.ysList li span{width:45px; height:45px; line-height:45px; font-size:16px;}
	.ysList li p{width:100%; height:45px; padding:5px 0 5px 60px; line-height:19px; font-size:16px;}
	.ysList .ysPic{display:none;}

    
    .ys{width:94%; padding:20px 3%;}
    .ys h1{width:100%; height:48px; line-height:28px; font-size:18px; text-align:center; color:#fff;}
    .ys h1 p{height:20px; line-height:20px; font-size:14px;}
    .ys ul{display:block; width:100%; padding:10px 20px; box-sizing:border-box; background:#fff; float:left; margin-top:20px;}
    .ys ul li{width:100%; margin:10px 0; padding-left:50px; box-sizing:border-box; position:relative; float:left;}
    .ys ul li i{display:block; width:40px; height:40px; line-height:40px; border-radius:50%; font-style:normal; background:#0768B3; color:#fff; font-size:20px; text-align:center; position:absolute; left:0; top:0;}
    .ys ul li h2{font-size:16px; color:#0768B3; line-height:20px;}
    .ys ul li p{font-size:12px; line-height:20px;}
	.ysShow,.lc{display:none;}
    

	.about{padding:15px 0 20px;}
	.abWarp{margin-top:10px;}
	.abL{width:100%; height:auto;}
	.abL img{width:100%;}
	.abR{width:94%; height:auto; padding:3%; margin-left:0;}
	.abR div.abText{width:100%;}
	.abR div.abMore{display:none;}
	div.abMore2{width:70%; text-align:center; padding:20px 15% 0; display:block;}
	div.abMore2 a{display:block; width:44%; height:42px; line-height:42px; float:left; background:#60c5f1; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin:0 3%; border-radius:3px;}
	div.abMore2 a.a1{background:#d9d9d9; color:#666;}
	div.abMore2 a:hover{background:#0768b3; color:#fff;}
	div.abMore2 a.a1:hover{background:#ccc; color:#666;}
	
	.case{padding:15px 0 20px;}
	.caseList{width:97%; margin-top:10px; padding:1.5%;}
	.caseList dl{width:47%; padding:1.5%; float:left;}
	.caseList dl dd{height:0; padding-top:100%; position:relative;}
	.caseList dl dd img{width:100%; height:100%; position:absolute; left:0; top:0;}
	.caseList dl dt p{height:36px; line-height:18px; margin-top:6px; -webkit-line-clamp:2;}
	
	.news{padding:15px 0 20px;}
	.newsWarp{width:94%; margin:0 3%;}
	.newsL{width:94%; height:auto; padding:3%; margin-top:10px;}
	.newsL dl{padding:10px 0;}
	.newsL dl dt{font-size:15px;}
	.newsL dl dd p{max-height:40px; line-height:20px; -webkit-line-clamp:2;}
	.newsL ul{padding-top:8px;}
	.newsL ul li{height:32px; line-height:32px; font-size:12px;}
	.newsL ul li span{padding:0 8px;}
	.newsL ul li a{font-size:13px;}
	
	.newsR{width:100%; padding-left:0;}
	.newsR dl{width:94%; padding:3%;}
	.newsR dl.nRt{height:auto; margin-top:10px;}
	.newsR dl.nRb{height:auto; margin-top:10px;}
	
	.contact{padding:20px 0;}
	.conL{display:none;}
	
	.conR{width:100%; padding:3% 0;}
	.conR .title b{width:94%;}
	.conR ul{width:94%; padding:10px 3% 0; float:left;}
	.conR ul li{width:100%; height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-left:74px; margin:10px 0; float:left; position:relative;}
	.conR ul li p{width:74px; height:40px; line-height:40px; font-size:14px; color:#5a5a5a; position:absolute; left:0; top:0;}
	.conR ul li input,.conR ul li textarea{background:#f7f7f7;}
	.conR div.btn{padding:20px 0 0 74px;}
	.conR div.btn p{width:100%; height:18px; line-height:18px; margin-top:-20px; color:#f00;}
	.conR div.btn input{width:100%; height:36px; line-height:36px; margin-top:10px;}

	.foot .ewm{display:none;}
	.foot dl{width:94%; padding:3%;}
	.foot dl dd{display:none;}
	.foot dl dt{text-align:center; padding:10px 0;}
	.foot dl dt i{display:none;}
	
	.float-contact{display:none;}
	
	.ny{width:100%; padding:0 0 20px;}
	.ny_left{width:100%; background:#fff;}
	.ny_left .proMenu{width:97%; padding:1.5%; background:#fff; display:block; border-top:#f0f0f0 5px solid; border-bottom:#f0f0f0 5px solid;}
	.ny_left .proMenu h1{display:none;}
	.ny_left .proMenu h2{display:block; text-align:center; font-weight:normal; line-height:42px; font-size:16px;}
	.ny_left .proMenu ul{width:97%; height:auto; margin:1.5%;}
	.ny_left .proMenu li{width:47%; height:30px; line-height:30px; font-size:12px; padding:1.5%; text-align:center;}
	.ny_left .proMenu li a{display:block; width:100%; height:30px; line-height:30px; color:#fff; background:#666; padding:0 5px; border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.ny_left .proMenu li a:hover,.proMenu li a.on{color:#fff; background:#60c5f1;}
	
	
	.ny_right{width:100%; padding-left:0;}
	.post{display:none;}
	.ny_about{width:100%; padding-top:10px; line-height:25px;}
	
	.ny_pro{width:100%; overflow:hidden; padding-top:0;}
	.ny_pro ul{width:97%; padding:1.5%;}
	.ny_pro ul li{width:47%; padding:1.5%;}
	.ny_pro ul li a{font-size:14px;}
	.ny_pro ul li a span{display:block; width:100%; height:0; padding-top:100%; position:relative; border:0;}
	.ny_pro ul li a span img{width:100%; height:100%; position:absolute; left:0; top:0;}
	.ny_pro ul li a p{height:30px; line-height:30px;}
	
	.page{width:100%; text-align:center; margin-top:20px;}
	.page a,.page span{display:none;}
	.page a.pn,.page a.none{font-size:12px; display:inline-block; margin:0 5%; padding:0 20px; border-radius:16px;}
	.page a.none,.page a.none:hover{color:#bbb; border-color:#d5d5d5;}
    
    .ny_menu{width:97%; padding:1.5%; background:#fff; display:block; border-top:#f0f0f0 5px solid; border-bottom:#f0f0f0 5px solid; height:auto;}
    .ny_menu h2{display:block; text-align:center; font-weight:normal; line-height:42px;}
    .ny_menu a{display:block; width:47%; height:30px; line-height:30px; color:#fff; background:#666; padding:0 5px; margin:1.5%; border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0; float:left; font-size:12px;}
    .ny_menu a.on,.ny_menu a:hover{color:#fff; background:#60c5f1; border:0;}
    
    .ny_news{width:94%; padding:0 3%;}
｝